@import "../../c/init.scss";
$picUrl:"../../../pic";
//用作背景的图标图标长度集中管理
$icoWidth: 24px;
$icoHeight: 168px;
.box {
    .box-img {
        width: 100%;
        height: 100%;
    }
    .login-form {
        padding-top: 30px;
        width: 400px;
        margin: 0 auto;
        input {
            float: left;
            width: 350px;
            height: 45px;
            line-height: 45px;
            padding-left: 50px;
            border: 1px solid #d0d0d0;
            border-radius: 5px;
            font-size: 16px;
            color: #8b8b8b;
        }
        .user {
            background: url("#{$picUrl}/ico.svg") no-repeat ;//谷歌浏览器
            background: url('#{$picUrl}/ico.png') no-repeat\9;//ie6,ie7,ie8,ie9支持
            background-position:8px 12px;
        }
        .email {
            background: url('#{$picUrl}/ico.svg') no-repeat ;
            background: url('#{$picUrl}/ico.png') no-repeat\9;
            background-position:8px -84px;
        }
        .password {
            background: url('#{$picUrl}/ico.svg') no-repeat;
            background: url('#{$picUrl}/ico.png') no-repeat\9;
            background-position:8px -38px;
        }
        .user,
        .email,
        .password {
            background-size:#{$icoWidth} #{$icoHeight};
        }
        .help-block {
            float: left;
            height: 20px;
            width: 350px;
            margin-bottom: 8px;
            color: #E32313;
            font-size: 12px;
            line-height: 20px;
        }
        .submit {
            width: 400px;
            height: 45px;
            margin-top: 20px;
            border: 1px solid #d0d0d0;
            border-radius: 5px;
            background: url('#{$picUrl}/submit-bg.png') repeat-x;
            color: #FFFFFF;
            font-size: 18px;
        }
    }
    .fail {
        line-height: 30px;
        color: #A9A9A9;
        font-size: 12px;
    }
}



